<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        class Father{
            constructor(x, y) {
                this.x = x;
                this.y = y
            }
            sum() {
                console.log(this.x + this.y);
            }
        }
        class Son extends Father{
            constructor(x, y) {
                // this.x = x;
                // this.y = y
                // 继承父亲的构造函数
                super(x, y);
            }
        }
        var son = new Son(11, 22);
        // 这个时候不会输出儿子的算术和，因为sum调用的是父亲自己的x，y
        // 所以报错，这时候我们需要加super关键字
        // 如果父子同名函数，儿子会优先找自己的函数，加入super也是会继承父亲的函数
        son.sum();
    </script>
</body>
</html>